<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>留言板</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="comments.css" />
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css">
    <script type="text/javascript" src="lib/jquery/jquery-1.11.0.min.js"></script>
    <script type="text/javascript" src="lib/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="comments.js"></script>
</head>
<body>
    <div id="comments-container">
        <div class="textbox">
            <div class="comments" id="comments"></div>
        </div>
        <div id="userbox">
            <div class="commentbox">
                <textarea class="commentarea" id="commentarea"  placeholder="请输入留言内容"></textarea>
                <span class="commentm msg">留言内容不能为空！</span>
            </div>
            <div class="userinfo">
                <span>您的昵称：</span>
                <input type="text" class="username" id="username" placeholder="请输入昵称" />
                <span class="usernamem msg">用户昵称不能为空！</span>
                <button type="submit" class="sub btn btn-primary btn-sm" id="sub">提交留言</button>
            </div>
        </div>
    </div>
</body>

</html>